<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <?php include_http_metas() ?>
        <?php include_metas() ?>
        <meta http-equiv="X-UA-Compatible" content="chrome=1" />
        <?php include_title() ?>
        <link rel="shortcut icon" href="/favicon.ico" />
        <?php include_stylesheets() ?>
        <?php include_javascripts() ?>
    </head>
    <body>
        <script type="text/JavaScript">

            if(navigator.appName == "Microsoft Internet Explorer")
            {
                var alert = document.getElementById('advertencia_explorer');
                alert.style.display = 'inline';
            }

        </script>
        
        <div class="content">
            <header class="row">
                <div class="logo col_7 col">nidea</div>
                <?php if ($sf_user->isAuthenticated()): ?>
                    <nav class="col_right">
                        <ul>
                            <li><a href="<?php echo url_for('@homepage') ?>">Inicio</a></li>
                            <li><a href="<?php echo url_for('hipermedio/index') ?>">Proyectos</a></li>
                            <li><a href="<?php echo url_for('sfGuardAuth/change') ?>">Configuración</a></li>
                            <li><?php echo link_to('Salir', 'sf_guard_signout') ?></li>
                        </ul>
                    </nav>
                <?php endif; ?>
                <div class="clear"></div>
            </header>

            <section class="row" id="advertencia_explorer" style="display:none">
                <div class="icon">
                    <img style="display:inline;" src="/images/iconos/warning-icon.png" alt="Sin foto" />
                </div>
                <div class="message">
                    <div class="adv">
                        Usted está utilizando Microsoft Internet Explorer
                    </div>
                    <div class="mess">
                        El sistema esta optimizado para navegadores Google Chrome +3.0 (<a style="text-decoration: none" title="Google Chrome" target="_blank" href="http://www.google.com/chrome?hl=es" > Descargar aquí:
                            <img  src="/images/iconos/chrome.png" height="20" border="2" alt="Descarga Chrome aqui." /> y Mozilla Firefox +3.0 (<a style="text-decoration: none" target="_blank" title="Mozilla Firefox" href="http://www.mozilla-europe.org/es/firefox/" > Descargar aquí:
                            <img style="text-decoration: none" src="/images/iconos/firefox.png" height="20" border="2" alt="Descarga Firefox aqui." />
                        </a>)
                        </a>). Es posible que en Microsoft Internet Explorer algunas opciones no funcionen.
                    </div>
                </div>
                
                <!--[if IE]>
                    <script type="text/javascript" 
                     src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>

                    <style>
                     .chromeFrameInstallDefaultStyle {
                       width: 100%; /* default is 800px */
                       border: 5px solid blue;
                     }
                    </style>

                    <div id="prompt">

                    </div>

                    <script>
                     // The conditional ensures that this code will only execute in IE,
                     // Therefore we can use the IE-specific attachEvent without worry
                     window.attachEvent("onload", function() {
                       CFInstall.check({
                         mode: "inline", // the default
                         node: "prompt"
                       });
                     });
                    </script>
                <![endif]-->
                    
            </section>

            <section class="row" id="styled">
                <?php echo $sf_content ?>
            </section>

            <div class="push"></div> 

            <footer class="row">
                <div class="col_16 col">
                    acerca de Hipermedios | 2011 | Hecho bajo <br/>
                    Se recomienda utilizar <a style="text-decoration: none" title="Google Chrome" target="_blank" href="http://www.google.com/chrome?hl=es" >Google Chrome 3.0+</a> o <a style="text-decoration: none" target="_blank" title="Mozilla Firefox" href="http://www.mozilla-europe.org/es/firefox/" >Mozilla Firefox 3.0+</a></div>
            </footer>

        </div>

    </body>
</html>
